<template>
  <div id="app">
    <router-view/>
  </div>
</template>

<script>

export default {
  name: 'App',
  data () {
    return {
      bus: this.$zbus(this), // 使用BusFactory将this绑定之后，返回一个 bus，即可无需关心销毁的问题了
    }
  },
  mounted () {
    window.addEventListener("resize", ()=>{
      this.bus.$emit('windoResize');
    });
  }
}
</script>

<style lang="scss">
@import "./util/reset.css";
@import "./util/base.scss";

#app {
  font-family: 'Avenir', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  // color: #fff;
  // background: #07102F;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  font-size: 12px;
}
body {
  /deep/ {
    .el-message {
      z-index: 3000 !important;
    }
  }
}
/*elementui loading css 覆盖 开始*/
/* .el-loading-spinner .circular {
  width: 42px;
  height: 42px;
  animation: loading-rotate 2s linear infinite;
  display: none;
}
.el-loading-spinner {
  background: url(~@/assets/vloading.gif) no-repeat;
  background-size: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  right: 50%;
  margin-left: -70px;
  margin-top: -50px;
  width: 140px;
  height: 76px;
} */
</style>
